<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://shiro.apache.org/tags"  prefix="shiro"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
	/* http://localhost:8080/logistics/  */
%>
<!DOCTYPE HTML>
<html>
<head>
<!-- 设置当前页面基础路径 -->
<base href="<%=basePath%>">
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,customer-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
</head>
<body>
<article class="page-container">
	<form class="form form-horizontal" method="post" action="${empty customer ?'customer/insert.do':'customer/update.do'}" id="customerForm">
	<!-- 用户id：修改的时候使用 -->
	<input type="hidden" name="customerId" value="${customer.customerId}">
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户名称：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"    value="${customer.customerName}" placeholder="请输入客户名称" id="customerName" name="customerName">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户电话：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"    value="${customer.phone}" placeholder="请输入客户电话" id="phone" name="phone">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户邮箱：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"    value="${customer.email}" placeholder="请输入客户邮箱" id="email" name="email">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>客户身份证号：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<input type="text" class="input-text"    value="${customer.idCard}" placeholder="请输入客户身份证" id="idCard" name="idCard">
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>性别：</label>
		<div class="formControls col-xs-8 col-sm-9 skin-minimal">
			<div class="radio-box">
				<input name="gender" type="radio" value="1" id="sex-1" ${customer.gender eq 1 ? 'checked':''}>
				<label for="sex-1">男</label>
			</div>
			<div class="radio-box">
				<input name="gender" type="radio"  id="sex-2" value="2" ${customer.gender eq 2 ? 'checked':''} >
				<label for="sex-2">女</label>
			</div>
		</div>
	</div> 
	
	
	

	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3">业务员：</label>
		<div class="formControls col-xs-8 col-sm-9"> 
		<span class="select-box" style="width:150px;">
				<!-- 如果是业务员，直接显示当前认证用户 -->
			<c:if test="${user.rolename eq '业务员'}">
				${user.realname}
				<input type="hidden" name="userId" value="${user.userId}">
			</c:if>
			<!-- 不是业务员 -->
			<c:if test="${user.rolename != '业务员'}">
				<select class="select" name="userId" size="1">
					<option value="">请选择</option>
					<!-- 循环父客户 -->
					<c:forEach items="${users}" var="user">
						<option ${customer.userId eq user.userId ? 'selected':''} value="${user.userId}">${user.realname}</option>
					</c:forEach>
				</select>
			</c:if>
			</span> 
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3">所属区间：</label>
		<div class="formControls col-xs-8 col-sm-9"> 
		<span class="select-box" style="width:150px;">
			<select class="select" name="baseId" size="1">
				<option value="">请选择</option>
				<!-- 循环父客户 -->
				<c:forEach items="${baseDatas}" var="b">
					<option ${customer.baseId eq b.baseId ? 'selected':''} value="${b.baseId}">${b.baseName}</option>
				</c:forEach>
			</select>
			</span> 
		</div>
	</div>
	
	<div class="row cl">
		<label class="form-label col-xs-4 col-sm-3">备注：</label>
		<div class="formControls col-xs-8 col-sm-9">
			<textarea name="address" cols="" rows="" class="textarea" >${customer.address}</textarea>
		</div>
	</div>
	
	
	<div class="row cl">
		<div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
			<input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
		</div>
	</div>
	</form>
</article>

<!--_footer 作为公共模版分离出去--> 
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script> 
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script> 
<script type="text/javascript">
$(function(){
	
	/* 
		开始使用Jquery.validate 表单校验插件进行表单校验
		
	*/
	
	$("#customerForm").validate({
		/* 校验规则 */
		rules:{
			customerName:{
				required:true,
			}
					
		},
		/* 校验失败的提示消息 */
		messages:{
			customerName:{
				required:"客户名称不能为空",
			}
		},
		/* 校验成功以后的处理函数 
		
			form :原生js的DOM对象
			
			原生js转 jquery对象  $(form)
		
			form : jquery-validata 底层校验成功后获取传递过来（自动）
		*/
		submitHandler:function(form){
			
			/* 
				ajax 后台会响应数据
				
				fucntion(data){
				
				}
				data ：是ajax异步后台响应json数据，名字一般叫做data
					可以随便命名， response，xxx,abc
			
			*/
			
	$(form).ajaxSubmit(function(data){
		
		//提示
		layer.msg(data.message, {icon: data.code,time:2000},function(){
			
			//新增成功：刷新父页面表格，并且关闭弹出框（新增界面，子页面）
			//一定要先刷新，再关闭，因为关闭了，就不存父页面
			if(data.code == 1){
				//刷新父页面bootstrap-table表格
				parent.refreshTable();
				
				//关闭弹出框
				parent.layer.closeAll();
				
			}
			
		}); 
		
		
	})
			
		}
		
		
	});
	
	
});
</script> 
</body>
</html>


